<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">

    <title>课堂-成员</title>

    <link rel="stylesheet" href="../../../static/css/vendor/ion-fonts.css">
    <link rel="stylesheet" href="../../../static/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="../../../static/css/style.css">
    <link rel="stylesheet" href="../../../static/test/ziy/common.css">
    <link rel="stylesheet" href="../../../static/test/ziy/previewfile.css">
    <link rel="stylesheet" href="../../../static/test/ziy/iconfont.css">
<!--    <link href="../../../static/test/membercss/layer.css">-->
    <script src="../../../static/js/vendor/popper.min.js"></script>
    <link href="../../../static/test/ziy/memberV3.css" rel="stylesheet" type="text/css">
    <script src="../../../static/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="../../../static/js/vendor/bootstrap.min.js"></script>


</head>

<body>

    <div class="main-wrapper">

        <header class="header-main_area">
            <div class="header-top_area">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="ht-left_area in-header return" style="height: 45px;">
                                <a class="return" style="top: 5px;" href="../index.html" th:href="@{'/course/index/'+${session.course.id}}" >
                                    <span style="background:#fed100;color:#333333;">
                                        <i class="iconfont iconfanhui" style="color: black;"></i>
                                        <strong th:text="${session.course.name}">课堂名称</strong>
                                    </span>
                                </a>
                            </div>
                        </div>

                        <div class="col-lg-8">
                            <div class="ht-right_area">
                                <div class="ht-menu">
                                    <ul>
                                        <li><a href="#"></a></li>
                                        <li><a href=""></a></li>
                                        <li><a href="/user/personal"><i class="ion-person"></i>个人中心</a></li>
                                        <li><a href="/doLogout"><i class="ion-log-out"></i>退出用户</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

    </div>

    <div class="in-header" style="box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.04);background: none repeat scroll 0% 0% #fff;">

        <div class="nav gWidth row" id="third-nav" style="box-shadow: none">

            <div class="col-lg-12">
                <a href="#" class="active">成员</a>
                <!--/*@thymesVar id="id" type="com.hoyue.classroom.bean.Course"*/-->
                <a href="../group/group.html" th:href="@{'/group/list/'}">学生分组</a>
                <a href="../score/score.html" th:href="@{'/score/list/'}">成绩</a>
            </div>

        </div>
    </div>


    <div class="member-page cWidth">
        <div class="member-title member-titlenew clearfix" style="padding-bottom: 1px;">
            <span class="drmember-btn fl" id="course-code">&nbsp;&nbsp;课程邀请码:
                <span th:text="${CourseCode}"></span>&nbsp;&nbsp;
            </span>
            <div class="fr input-box">
                <input type="text" placeholder="姓名、学号">
                <i></i>

            </div>

        </div>

        <div class="member-cont clearfix" >
            <div class="m-l-box fl">


                <div class="group-box">

                    <div class="my-group">
                        <ul>
                            <li class="teacherTeam active" >管理员（<i style="font-style:normal">2</i>）</li>
                            <li class="allStduent">全部学生（学生<i th:text="${studentSize}">6</i>）</li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="m-r-box fl">

                <!--助教/老师列表-->
                <div class="all-list">
                    <div class="title">
                        <div class="all-title clearfix">
                            <h3 class="fl" style="width: auto;">教学团队（老师<span>1</span>）</h3>
                            <a class="fr invite-tea">
                                <i class="iconfont icontianjiachengyuan1"></i>
                                添加助教</a>
                        </div>

                    </div>
                    <table class="table table-hover batchstart">
                        <thead>
                        <tr>
                            <th scope="row">

                            </th>

                            <td>何老师</td>
                            <td>2@qq.com</td>
                            <td>（教师）</td>
                            <td></td>
                        </tr>
                        </thead>
                        <tbody>

                        <tr>
                            <th scope="row">

                            </th>

                            <td>何文强</td>
                            <td>2@qq.com</td>
                            <td>（班长）</td>
                            <td>
                                <div class="dropdown">
                                    <a  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> ...</a>
                                        <div class="dropdown-menu">
                                              <a class="dropdown-item" href="#">移除</a>
                                         </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">

                            </th>

                            <td>何很强</td>
                            <td>2@qq.com</td>
                            <td>（班长）</td>
                            <td>
                                <div class="dropdown">
                                    <a  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> ...</a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">移除</a>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>

                <!--学生列表-->
                <div class="all-list hidden">
                    <div class="title">
                        <div class="all-title clearfix">
                            <h3 class="fl" style="width: auto;">全部学生（<span th:text="${studentSize}">6</span>）</h3>
                             </div>

                    </div>
                    <table class="table table-hover batchstart">

                        <thead>
                        <tr>
                            <th scope="col"  class="batchdelete">
                                <input type="checkbox">
                                <span class="delete_hidden"> 全选</span>

                            </th>
                            <th scope="col"  class="batchdelete">
                                <a href="javascript:;" class="btn_delete_checked">批量移除</a>
                            </th>
                            <th scope="col"></th>
                            <th scope="col"></th>
                        </tr>

                        </thead>
                        <tbody>
                        <tr th:each="student:${students}">
                            <th scope="row">
                                <input type="checkbox">
                            </th>
                            <td th:text="${student.studentNo}">学号</td>
                            <td th:text="${student.userName}">学生名</td>
                            <td th:text="${student.email}">邮箱</td>

                        </tr>
                        </tbody>
                    </table>

                </div>

            </div>
        </div>
    </div>

    <!--添加助教 弹框-->
    <div class="lxr-box">
        <div class="all-box fl">
            <div class="search-box">
                <i></i>
                <input type="text" placeholder="搜索名称、学号">
            </div>
            <div class="choose-div">
                <div class="search-result" style="top: 0px;">
                    <div style="height: 30px;line-height:30px;padding-right:20px;">
                        <p class="tips" style="float: left;">可选下列学生作为管理员</p>
<!--                        <div class="selectall"><span class="selectalltip">全选</span><i class="selectalli"></i></div>-->
                    </div>
                    <div class="res-list">
                        <p class="selectp pselected">
                            <span>王思铭(17210320319)</span>
                            <i class="checked"></i>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="end-box fl">
            <div class="title">
                <h2 class="fl">已选择<span>0</span></h2>
                <a href="javascript:;" class="cancel"></a>
            </div>
            <div class="end-div">
                <div class="end-list">
                    <p>
                        <span>王思铭(17210320319)</span>
                        <a href="javascript:;" class="cancel"></a>
                    </p>
                </div>
            </div>
            <div class="btn-box">
                <a href="javascript:;" class="close">取消</a>
                <a href="javascript:;" class="sure">确定</a>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        //左侧导航
        $(function () {
            $('.my-group li').click(function () {
                $(this).addClass('active').siblings().removeClass('active');
                var index=$(this).index();
                $(".all-list").eq(index).show().siblings().hide();
            })
        })

        //助教移除按钮
        $('.dropdown-item').click(function () {
            confirm("确定移除该助教？")
        })

        $(document).on("click", ".invite-tea", function () {
            //style="display: block;"
            $('.lxr-box').attr('style','display:block;');
            $('.lxr-box').find(".close,.title .cancel").on("click", function () {

                $('.lxr-box').removeAttr('style');
            })
        })

    </script>

    <script src="../../../static/js/appjs/member/member.js"></script>
</body>

</html>

